<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<title></title>
	<script type="text/javascript" src="script/config.js"></script>
	<style>
		* {
			margin: 0;
			padding: 0;
		}
		body{
			background-color:white;
		}
		.box {
			width: 100%;
			height: 100%;
		}

		.top {
			height: 50px;
			width: 100%;
			margin-top: 30px;
			line-height: 50px;
			text-align: center;
			font: 20px "微软雅黑";
			color: rgb(17, 64, 108);
		}

		.center {
			margin:0 auto;
			width:70%;
			text-align: center;
			height: 440px;
		}

		.title {
			width: 60%;
			margin-top: 10px;
			text-align: right;
			color: rgb(17, 64, 108);
		}

		.fp {
			height: 80px;
			width: 90%;
			margin:0 auto;
			margin-top: 8px;
			border-radius: 10px;
		}
    .fp>img,.tp>img{
    	border-radius: 10px;
    }
		.tp {
			height: 80px;
			width: 90%;
			margin:0 auto;
			margin-top: 8px;
			border-radius: 10px;
		}

		.foot {
			width: 64%;
			margin-left: 18%;
			height: 44px;
			background-color: #f16c3c;
			line-height: 44px;
			text-align: center;
			color: white;
			font-size: 20px;
			border-radius: 10px;
		}
		/*.img_j_z,.img_j_f,.img_x_z,.img_x_f{
			-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
		}*/
		input {
			-webkit-tap-highlight-color:transparent;
		}
		.foot_all{
			width:75%;
			margin:0 auto;
			height:44px;
		}
		.foot_all>*{
			float:left;
			width:40%;
			margin-left:5%;
			margin-right:5%;
			height:44px;
			text-align:center;
			background-color:#f16c3c;
			border-radius:10px;
			line-height:44px;
			color:white;
		}
	</style>
</head>

<body>
	<div class="box">
		<div class="top">第5步:请上传您的证件信息</div>
		<div class="center">
			<div class="title">请上传驾驶证</div>
			<div class="fp" ><div style="float:left;width:20%;height:100%;line-height:70px;">正本</div><img src="image/id_card_z.png" style="width:70%;height:100%;float:left;" id="img_j_z"/></div>
			<div class="fp"><div style="float:left;width:20%;height:100%;line-height:70px;">副本</div><img src="image/id_card_f.png" style="width:70%;height:100%;float:left;" id="img_j_f"/></div>
			<div class="title">请上传行驶证</div>
			<div class="tp"><div style="float:left;width:20%;height:100%;line-height:70px;">正本</div><img src="image/id_card_z.png" style="width:70%;height:100%;float:left;" id="img_x_z"/></div>
			<div class="tp"><div style="float:left;width:20%;height:100%;line-height:70px;">副本</div><img src="image/id_card_f.png" style="width:70%;height:100%;float:left;" id="img_x_f"/></div>
		</div>
		<!-- <div class="foot" id="foot">确定</div> -->
		<div class="foot_all">
				<div class="foot_up" onclick="api.closeWin();">上一步</div>
				<div class="foot_down" id="foot">下一步</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="script/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="script/local.js"></script>
<script type="text/javascript" src="script/APICloud-rest.js"></script>
<script type="text/javascript" src="script/api.js"></script>
<script>
	apiready = function() {
			// setTimeout("api.closeWin({name:'fiveregister5'})",600);
			$api.attr($api.dom("#img_j_z"), "src",'image/id_card_z.png');
			$api.attr($api.dom("#img_j_f"), "src",'image/id_card_f.png');
			$api.attr($api.dom("#img_x_z"), "src",'image/id_card_z.png');
			$api.attr($api.dom("#img_x_f"), "src",'image/id_card_f.png');
    var j_z,j_f,x_z,x_f;
    var lorryid=api.pageParam.lorryid;
		 var type=api.pageParam.type;
		$api.addEvt($api.dom('#img_j_z'), 'click', function() {
			// function funActionSheet(){
					api.actionSheet({
							title: '请选择',
							cancelTitle: '取消',
							// destructiveTitle: '红色警告按钮',
							buttons: ['相册','相机']
					},function(ret,err){
							// api.alert({
							// 		msg: '你刚点击了'+ret.buttonIndex
							// });
							if(ret.buttonIndex==1){
								api.getPicture({
									sourceType: 'album',
									encodingType: 'jpg',
									mediaValue: 'pic',
									destinationType: 'base64',
									allowEdit: false,
									quality: 100,
									targetWidth: 300,
									targetHeight: 300,
									saveToPhotoAlbum: false
								}, function(ret, err) {
									if (ret) {
										// $api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
					// $api.dom("#image1").src=ret.data;

										// $api.attr($api.dom("#image1"), "src",ret.base64Data);

										if(ret.base64Data){
											$api.attr($api.dom("#img_j_z"), "src",ret.base64Data);
											j_z=ret.base64Data;
										}
										// alert(JSON.stringify(ret));
									} else {
										// alert(JSON.stringify(err));
									}
								});
							}else if(ret.buttonIndex==2){
					// 			api.getPicture({
					// 				sourceType: 'camera',
					// 				encodingType: 'jpg',
					// 				mediaValue: 'pic',
					// 				destinationType: 'base64',
					// 				allowEdit: false,
					// 				quality: 100,
					// 				targetWidth: 300,
					// 				targetHeight: 300,
					// 				saveToPhotoAlbum: false
					// 			}, function(ret, err) {
					// 				if (ret) {
					// 					// $api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
					// // $api.dom("#image1").src=ret.data;
					//
					// 					// $api.attr($api.dom("#image1"), "src",ret.base64Data);
					//
					// 					if(ret.base64Data){
					// 						$api.attr($api.dom("#img_j_z"), "src",ret.base64Data);
					// 					}
					// 					// alert(JSON.stringify(ret));
					// 					j_z=ret.base64Data;
					// 				} else {
					// 					alert(JSON.stringify(err));
					// 				}
					// 			});

					 var shootPicture = api.require("shootPicture");
							shootPicture.shoot(function(ret, err) {
							// api.alert({msg:ret.imagePath});
							$api.attr($api.dom("#img_j_z"), "src",ret.imagePath);
							// var trans = api.require('trans');
							// trans.decodeImgToBase64({
							// 	imgPath:ret.imagePath
							// }, function(msg, err) {
							// 	if(msg.status) {
							// 		//alert(JSON.stringify(ret));
							// 		j_z = "data:image/jpeg;base64," + JSON.stringify(msg.base64Str);
							// 	} else {
							// 	 //  alert(JSON.stringify(err));
							// 	}
							// });
							dealImage(ret.imagePath,function(base){
										 j_z = base;
							});
						});
							}

					});
			// };
			// var name=$api.dom("#image_j_z").files[0];
			// alert(name)
			//  $api.css($api.dom("#img_j_z"),"background-image:url(fs://"+name+")");
// 			api.getPicture({
// 				sourceType: 'camera',
// 				encodingType: 'jpg',
// 				mediaValue: 'pic',
// 				destinationType: 'base64',
// 				allowEdit: true,
// 				quality: 50,
// 				targetWidth: 50,
// 				targetHeight: 50,
// 				saveToPhotoAlbum: false
// 			}, function(ret, err) {
// 				if (ret) {
// 					$api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
// // $api.dom("#image1").src=ret.data;
//
// 					$api.attr($api.dom("#image1"), "src",ret.base64Data);
// 					alert($api.attr($api.dom("#image1"), "src"))
// 					alert(JSON.stringify(ret));
// 				} else {
// 					alert(JSON.stringify(err));
// 				}
// 			});
		});
		$api.addEvt($api.dom('#img_j_f'), 'click', function() {
			// function funActionSheet(){
					api.actionSheet({
							title: '请选择',
							cancelTitle: '取消',
							// destructiveTitle: '红色警告按钮',
							buttons: ['相册','相机']
					},function(ret,err){
							// api.alert({
							// 		msg: '你刚点击了'+ret.buttonIndex
							// });
							if(ret.buttonIndex==1){
								api.getPicture({
									sourceType: 'album',
									encodingType: 'jpg',
									mediaValue: 'pic',
									destinationType: 'base64',
									allowEdit: false,
									quality: 100,
									targetWidth: 300,
									targetHeight: 300,
									saveToPhotoAlbum: false
								}, function(ret, err) {
									if (ret) {
										// $api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
					// $api.dom("#image1").src=ret.data;

										// $api.attr($api.dom("#image1"), "src",ret.base64Data);

										if(ret.base64Data){
											$api.attr($api.dom("#img_j_f"), "src",ret.base64Data);
											j_f=ret.base64Data;
										}
										// alert(JSON.stringify(ret));
									} else {
										// alert(JSON.stringify(err));
									}
								});
							}else if(ret.buttonIndex==2){
					// 			api.getPicture({
					// 				sourceType: 'camera',
					// 				encodingType: 'jpg',
					// 				mediaValue: 'pic',
					// 				destinationType: 'base64',
					// 				allowEdit: false,
					// 				quality: 100,
					// 				targetWidth: 300,
					// 				targetHeight: 300,
					// 				saveToPhotoAlbum: false
					// 			}, function(ret, err) {
					// 				if (ret) {
					// 					// $api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
					// // $api.dom("#image1").src=ret.data;
					//
					// 					// $api.attr($api.dom("#image1"), "src",ret.base64Data);
					//
					// 					if(ret.base64Data){
					// 						$api.attr($api.dom("#img_j_f"), "src",ret.base64Data);
					// 					}
					// 					// alert(JSON.stringify(ret));
					// 					j_f=ret.base64Data;
					// 				} else {
					// 					alert(JSON.stringify(err));
					// 				}
					// 			});
					var shootPicture = api.require("shootPicture");
						 shootPicture.shoot(function(ret, err) {
						//  api.alert({msg:ret.imagePath});
						 $api.attr($api.dom("#img_j_f"), "src",ret.imagePath);
						//  var trans = api.require('trans');
						//  trans.decodeImgToBase64({
						// 	 imgPath:ret.imagePath
						//  }, function(msg, err) {
						// 	 if(msg.status) {
						// 		 //alert(JSON.stringify(ret));
						// 		 j_f = "data:image/jpeg;base64," + JSON.stringify(msg.base64Str);
						// 	 } else {
						// 		//  alert(JSON.stringify(err));
						// 	 }
						//  });
						dealImage(ret.imagePath,function(base){
							     j_f = base;
						});
					 });
							}

					});
			// };
			// var name=$api.dom("#image_j_z").files[0];
			// alert(name)
			//  $api.css($api.dom("#img_j_z"),"background-image:url(fs://"+name+")");
// 			api.getPicture({
// 				sourceType: 'camera',
// 				encodingType: 'jpg',
// 				mediaValue: 'pic',
// 				destinationType: 'base64',
// 				allowEdit: true,
// 				quality: 50,
// 				targetWidth: 50,
// 				targetHeight: 50,
// 				saveToPhotoAlbum: false
// 			}, function(ret, err) {
// 				if (ret) {
// 					$api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
// // $api.dom("#image1").src=ret.data;
//
// 					$api.attr($api.dom("#image1"), "src",ret.base64Data);
// 					alert($api.attr($api.dom("#image1"), "src"))
// 					alert(JSON.stringify(ret));
// 				} else {
// 					alert(JSON.stringify(err));
// 				}
// 			});
		});
		$api.addEvt($api.dom('#img_x_z'), 'click', function() {
			// function funActionSheet(){
					api.actionSheet({
							title: '请选择',
							cancelTitle: '取消',
							// destructiveTitle: '红色警告按钮',
							buttons: ['相册','相机']
					},function(ret,err){
							// api.alert({
							// 		msg: '你刚点击了'+ret.buttonIndex
							// });
							if(ret.buttonIndex==1){
								api.getPicture({
									sourceType: 'album',
									encodingType: 'jpg',
									mediaValue: 'pic',
									destinationType: 'base64',
									allowEdit: false,
									quality: 100,
									targetWidth: 300,
									targetHeight: 300,
									saveToPhotoAlbum: false
								}, function(ret, err) {
									if (ret) {
										// $api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
					// $api.dom("#image1").src=ret.data;

										// $api.attr($api.dom("#image1"), "src",ret.base64Data);

										if(ret.base64Data){
											$api.attr($api.dom("#img_x_z"), "src",ret.base64Data);
											x_z=ret.base64Data;
										}
										// alert(JSON.stringify(ret));
									} else {
										// alert(JSON.stringify(err));
									}
								});
							}else if(ret.buttonIndex==2){
					// 			api.getPicture({
					// 				sourceType: 'camera',
					// 				encodingType: 'jpg',
					// 				mediaValue: 'pic',
					// 				destinationType: 'base64',
					// 				allowEdit: false,
					// 				quality: 100,
					// 				targetWidth: 300,
					// 				targetHeight: 300,
					// 				saveToPhotoAlbum: false
					// 			}, function(ret, err) {
					// 				if (ret) {
					// 					// $api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
					// // $api.dom("#image1").src=ret.data;
					//
					// 					// $api.attr($api.dom("#image1"), "src",ret.base64Data);
					//
					// 					if(ret.base64Data){
					// 						$api.attr($api.dom("#img_x_z"), "src",ret.base64Data);
					// 					}
					// 					// alert(JSON.stringify(ret));
					// 					x_z=ret.base64Data;
					// 				} else {
					// 					alert(JSON.stringify(err));
					// 				}
					// 			});
					var shootPicture = api.require("shootPicture");
						 shootPicture.shoot(function(ret, err) {
						//  api.alert({msg:ret.imagePath});
						 $api.attr($api.dom("#img_x_z"), "src",ret.imagePath);
						//  var trans = api.require('trans');
						//  trans.decodeImgToBase64({
						// 	 imgPath:ret.imagePath
						//  }, function(msg, err) {
						// 	 if(msg.status) {
						// 		 //alert(JSON.stringify(ret));
						// 		 x_z = "data:image/jpeg;base64," + JSON.stringify(msg.base64Str);
						// 	 } else {
						// 		//  alert(JSON.stringify(err));
						// 	 }
						//  });
						dealImage(ret.imagePath,function(base){
							x_z = base;
						});
					 });
							}

					});
			// };
			// var name=$api.dom("#image_j_z").files[0];
			// alert(name)
			//  $api.css($api.dom("#img_j_z"),"background-image:url(fs://"+name+")");
// 			api.getPicture({
// 				sourceType: 'camera',
// 				encodingType: 'jpg',
// 				mediaValue: 'pic',
// 				destinationType: 'base64',
// 				allowEdit: true,
// 				quality: 50,
// 				targetWidth: 50,
// 				targetHeight: 50,
// 				saveToPhotoAlbum: false
// 			}, function(ret, err) {
// 				if (ret) {
// 					$api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
// // $api.dom("#image1").src=ret.data;
//
// 					$api.attr($api.dom("#image1"), "src",ret.base64Data);
// 					alert($api.attr($api.dom("#image1"), "src"))
// 					alert(JSON.stringify(ret));
// 				} else {
// 					alert(JSON.stringify(err));
// 				}
// 			});
		});
		$api.addEvt($api.dom('#img_x_f'), 'click', function() {
			// function funActionSheet(){
					api.actionSheet({
							title: '请选择',
							cancelTitle: '取消',
							// destructiveTitle: '红色警告按钮',
							buttons: ['相册','相机']
					},function(ret,err){
							// api.alert({
							// 		msg: '你刚点击了'+ret.buttonIndex
							// });
							if(ret.buttonIndex==1){
								api.getPicture({
									sourceType: 'album',
									encodingType: 'jpg',
									mediaValue: 'pic',
									destinationType: 'base64',
									allowEdit: false,
									quality: 100,
									targetWidth: 300,
									targetHeight: 300,
									saveToPhotoAlbum: false
								}, function(ret, err) {
									if (ret) {
										// $api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
					// $api.dom("#image1").src=ret.data;

										// $api.attr($api.dom("#image1"), "src",ret.base64Data);

										if(ret.base64Data){
											$api.attr($api.dom("#img_x_f"), "src",ret.base64Data);
											x_f=ret.base64Data;
										}
										// alert(JSON.stringify(ret));
									} else {
										// alert(JSON.stringify(err));
									}
								});
							}else if(ret.buttonIndex==2){
					// 			api.getPicture({
					// 				sourceType: 'camera',
					// 				encodingType: 'jpg',
					// 				mediaValue: 'pic',
					// 				destinationType: 'base64',
					// 				allowEdit: false,
					// 				quality: 100,
					// 				targetWidth: 300,
					// 				targetHeight: 300,
					// 				saveToPhotoAlbum: false
					// 			}, function(ret, err) {
					// 				if (ret) {
					// 					// $api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
					// // $api.dom("#image1").src=ret.data;
					//
					// 					// $api.attr($api.dom("#image1"), "src",ret.base64Data);
					//
					// 					if(ret.base64Data){
					// 						$api.attr($api.dom("#img_x_f"), "src",ret.base64Data);
					// 					}
					// 					// alert(JSON.stringify(ret));
					// 					x_f=ret.base64Data;
					// 				} else {
					// 					alert(JSON.stringify(err));
					// 				}
					// 			});
					var shootPicture = api.require("shootPicture");
						 shootPicture.shoot(function(ret, err) {
						//  api.alert({msg:ret.imagePath});
						 $api.attr($api.dom("#img_x_f"), "src",ret.imagePath);
						//  var trans = api.require('trans');
						//  trans.decodeImgToBase64({
						// 	 imgPath:ret.imagePath
						//  }, function(msg, err) {
						// 	 if(msg.status) {
						// 		 //alert(JSON.stringify(ret));
						// 		 x_f = "data:image/jpeg;base64," + JSON.stringify(msg.base64Str);
						// 	 } else {
						// 		//  alert(JSON.stringify(err));
						// 	 }
						//  });
						dealImage(ret.imagePath,function(base){
              x_f = base;
                })
					 });
							}

					});
			// };
			// var name=$api.dom("#image_j_z").files[0];
			// alert(name)
			//  $api.css($api.dom("#img_j_z"),"background-image:url(fs://"+name+")");
// 			api.getPicture({
// 				sourceType: 'camera',
// 				encodingType: 'jpg',
// 				mediaValue: 'pic',
// 				destinationType: 'base64',
// 				allowEdit: true,
// 				quality: 50,
// 				targetWidth: 50,
// 				targetHeight: 50,
// 				saveToPhotoAlbum: false
// 			}, function(ret, err) {
// 				if (ret) {
// 					$api.css($api.dom("#img_j_z"),"background-image:url("+ret.base64Data+")");
// // $api.dom("#image1").src=ret.data;
//
// 					$api.attr($api.dom("#image1"), "src",ret.base64Data);
// 					alert($api.attr($api.dom("#image1"), "src"))
// 					alert(JSON.stringify(ret));
// 				} else {
// 					alert(JSON.stringify(err));
// 				}
// 			});
		});
		$api.addEvt($api.dom('#foot'), 'click', function() {
			// alert(lorryid)
			// alert(j_f)

if(j_z&&j_f&&x_z&&x_f){
	api.showProgress({
			title: '上传中...',
			text: '先喝杯茶...',
			modal: true
		 });
	$api.post(url+'app.php/addlorry3',{
				body:{pic1:j_z,
								 pic2:j_f,
								 pic3:x_z,
								pic4:x_f,
								lorryid:lorryid,
							  type:type,}
			 },function(ret){
api.hideProgress();
				if(ret.result==0){


					// alert("成功")
					// api.openFrame({
					//   url: './firstregister2.html?lorryid='+ret.lorryid,
					//  });
					//  api.openWin({
					// 	 name: 'page1',
					// 	 url:  './firstregister2.html',
					// 	 pageParam: {
					// 	 lorryid: ret.lorryid
					// 	}
					//  });
					api.toast({
						 msg: '上传成功',
						 duration: 1000,
						location: 'middle'
					});
					api.openWin({
						name: 'signup_success',
						url:  './signup_success.html',
						slidBackEnabled:false,
						pageParam: {
						telephone: ret.phone,
						type:type
					 }
					});
				 }else{
					 api.toast({
							msg: ret.desc,
							duration: 1000,
						 location: 'middle'
					 });
				 }
			 });
	// 		 $api.post('http://api.uminfo.cn/app.php/addlorry4',{
	// 					 body:{pic3:x_z,
	// 										pic4:x_f,
	// 									lorryid:lorryid,}
	// 					},function(ret){
	// 						api.showProgress({
	// 	 title: '上传中...',
	// 	 text: '先喝杯茶...',
	// 	 modal: true
	// });
	// 					 if(ret.result==0){
	// 						 api.hideProgress();
	// 							quan=quan+1;
	// 						//  alert("成功")
	// 						 // api.openFrame({
	// 						 //   url: './firstregister2.html?lorryid='+ret.lorryid,
	// 						 //  });
	// 							// api.openWin({
	// 							// 	name: 'page1',
	// 							// 	url:  './firstregister2.html',
	// 							// 	pageParam: {
	// 							// 	lorryid: ret.lorryid
	// 							//  }
	// 							// });
	// 							api.toast({
	// 								 msg: '上传成功',
	// 								 duration: 500,
	// 								location: 'middle'
	// 							});
	// 						}else{
	// 							api.toast({
	// 								 msg: ret.desc,
	// 								 duration: 500,
	// 								location: 'middle'
	// 							});
	// 						}
	// 					});
}else{
	api.toast({
		 msg: "请上传图片",
		 duration: 800,
		location: 'middle'
	});
}


		});

	}

	function dealImage(path, callback){
    var img = new Image();
    img.src = path;
    img.onload = function(){
        var w = this.width,
            h = this.height;
        var quality = 0.7;
        var canvas = document.createElement('canvas');
        var ctx = canvas.getContext('2d');
        canvas.setAttribute("width", w);
        canvas.setAttribute("height", h);

        ctx.drawImage(this, 0, 0, w, h);
        var base64 = canvas.toDataURL('image/jpeg', quality);
        callback(base64);
    };
};
</script>

</html>
